<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>华为专区</title>
    <link rel="stylesheet" href="./css/common.css" />
  </head>
  <body>
    <div class="contain">
      <div class="wrapper">
        <ul>
          <li><a href="#">华为官网</a>|</li>

          <li><a href="#">荣耀官网</a>|</li>

          <li>
            <a href="#"
              >软件应用<img
                class="jiantou"
                src="./images/jiantou.svg"
                alt="" /></a
            >|
          </li>

          <li><a href="#">花粉俱乐部</a>|</li>

          <li><a href="#">Select Region</a>|</li>

          <li><a href="#">在线客服</a>|</li>
        </ul>
        <ul>
          <li><a href="#" style="color: black">登录</a></li>

          <li><a href="#" style="color: black">注册</a>|</li>

          <li><a href="#">我的订单 </a>|</li>

          <li><a href="#">V码(优购码)</a>|</li>

          <li><a href="#">手机版</a>|</li>

          <li>
            <a href="#"
              >网站导航<img class="jiantou" src="./images/jiantou.svg" alt=""
            /></a>
          </li>
        </ul>
      </div>
    </div>
    <div class="hw wrapper">
      <div class="header">
        <img class="hwImg" src="./images/logo.huawei.png" alt="" />
        <p>商城首页</p>
      </div>
      <div class="headerRight">
        <img
          class="headerRightImg"
          src="./images/qrcode_vmall_app01.png"
          alt=""
        />
        <p>微信扫码关注我们</p>
      </div>
    </div>
    <div class="navigation">
      <div class="wrapper">
        <ul>
          <li>华为专区</li>
          <li>HUAWEIP10</li>
          <li>HUAWEIMate9</li>
          <li>HUAWEINova</li>
          <li>华为畅享6s</li>
          <li>荣耀专区</li>
        </ul>
      </div>
    </div>
    
    </div>
    <div class="swiper ">
      <div class="banner wrapper">
        <ul>
          <li>全部商品</li>
          <li><a href="#">手机</a></li>
          <li><a href="#" class="detail">HUAWEI Mate系列</a></li>
          <li><a href="#">平板&穿戴</a></li>
          <li><a href="#" class="detail">平板电脑 手环/手表</a></li>
          <li><a href="#">笔记本电脑</a></li>
          <li><a href="#">智能家居</a></li>
          <li><a href="#" class="detail">子母路由 电力猫 路由器</a></li>
          <li><a href="#">专属配件</a></li>
          <li><a href="#" class="detail">贴膜 保护壳 保护套</a></li>
          <li><a href="#">通用配件</a></li>
          <li><a href="#" class="detail">耳机 音箱</a></li>
        </ul>
        <div class="olR wrapper">
          <ol>
            <li class="current"><i>1</i></li>
            <li><i>2</i></li>
            <li><i>3</i></li>
            <li><i>4</i></li>
            <li><i>5</i></li>
            <li><i>6</i></li>
            <li><i>7</i></li>
          </ol>
        </div>
      </div>
      </div>
    <div class="store" style="margin-top: 10px">
      <div class="storeContent wrapper">
        <img src="./images/20170310105644358.jpg" alt="" />
        <img src="./images/2017031017165551.jpg" alt="" />
        <img src="./images/20170310090516264.jpg" alt="" />
        <img src="./images/20170313143419135.jpg" alt="" />
      </div>
    </div>
    <div class="shopping wrapper" style="margin-top: 10px">
      <div class="shoppingContent">
        <div class="shoppingContentleft">
          <h3>HUAWEI P10 Plus</h3>
          <p>金属钻雕工艺</p>
          <p class="price">¥<span>4388</span></p>
        </div>
        <img src="./images/1489161234073.png" alt="" />
      </div>
      <div class="shoppingContent">
        <div class="shoppingContentleft">
          <h3>HUAWEI nova 青春版</h3>
          <p>炫出我色彩</p>
          <p class="price">¥<span>1999</span></p>
        </div>
        <img src="./images/1491476650727.png" alt="" />
      </div>
      <div class="shoppingContent">
        <div class="shoppingContentleft">
          <h3>HUAWEI Mate 9 Pro</h3>
          <p>2K双曲面屏</p>
          <p class="price">¥<span>4699</span></p>
        </div>
        <img src="./images/1484219138436.png" alt="" />
      </div>
    </div>
    <div class="footer">
      <div class="service wrapper">
        <ul>
          <li>
            <h5></h5>

            <p>500强企业 品质保证</p>
          </li>

          <li>
            <h5></h5>

            <p>7天退货 15天换货</p>
          </li>

          <li>
            <h5></h5>

            <p>99元起免运费</p>
          </li>

          <li>
            <h5></h5>

            <p>448家维修网点 全国联保</p>
          </li>
        </ul>
      </div>
    </div>
    <div class="help">
      <div class="left wrapper">
        <dl>
          <dt>
            <h5></h5>
            帮助中心
          </dt>

          <dd><a href="#">购物指南</a></dd>

          <dd><a href="#">配送方式</a></dd>

          <dd><a href="#">支付方式</a></dd>
          <dd><a href="#">常见问题</a></dd>
        </dl>

        <dl>
          <dt>
            <h5></h5>
            售后服务
          </dt>

          <dd><a href="#">保修政策</a></dd>

          <dd><a href="#">退换货政策</a></dd>

          <dd><a href="#">退换货流程</a></dd>
          <dd><a href="#">保修状态查询</a></dd>
        </dl>

        <dl>
          <dt>
            <h5></h5>
            技术支持
          </dt>

          <dd><a href="#">售后网点</a></dd>

          <dd><a href="#">荣耀零售店铺</a></dd>

          <dd><a href="#">预约维修</a></dd>
          <dd><a href="#">手机寄修服务</a></dd>
          <dd><a href="#">维修配件价格查询</a></dd>
          <dd><a href="#">软件下载</a></dd>
        </dl>

        <dl>
          <dt>
            <h5></h5>
            关于商城
          </dt>

          <dd><a href="#">公司介绍</a></dd>

          <dd><a href="#">华为商城简介</a></dd>

          <dd><a href="#">联系客服</a></dd>
        </dl>

        <dl>
          <dt>
            <h5></h5>
            关注我们
          </dt>

          <dd>
            <a href="#">新浪微博</a>
          </dd>

          <dd><a href="#">腾讯微博</a></dd>

          <dd><a href="#">花粉俱乐部</a></dd>
          <dd><a href="#">商城手机版</a></dd>
        </dl>
      </div>
    </div>
    <div class="bottomFooter">
      <div class="bf wrapper">
        <div>
          <p>
            友情链接： | 华为官网 | 华为消费者业务 | 荣耀官网 | 花粉俱乐部 |
            莫塞尔商城 | 爱旅官网 | 华为应用市场 | 万表网 | 中商情报网 |
            刷机精灵 | 华为手机 | 优购物官网 | 智能电视 | UC浏览器 |
          </p>
          <p>
            中关村商城 | 酷狗音乐 | 华为商城手机版 | 百信手机网 | 卡宝宝网 |
            多特软件下载 | 同步助手 | 蜂鸟摄影网 | 奇珀论坛 | 家具商城 |
            拍鞋网商城 | 欧宝丽珠宝 | 寻购网 | 亿智蘑菇 | 安卓市场 |
          </p>
          <p>
            阿里巴巴生意经 | 手机大全 | 安卓软件园 | 卓大师刷机 | 智机论坛 |
            电子产品世界 | 历趣网 | 网购返利 | Apple110 | 91手机门户网 |
            移动叔叔 | 奥特莱斯 | 荣耀Magic | 携程租车 |
            <a href="" style="text-decoration: none; color: red">申请链接 >></a>
          </p>
        </div>
      </div>
      <div class="d1">
        <p>
          隐私政策 服务协议 Copyright ? 2012-2017 VMALL.COM 版权所有
          保留一切权利
        </p>
        <div
          style="
            display: flex;
            align-content: center;
            justify-content: center;
            margin-top: -25px;
          "
        >
          <h5
            style="
              background-image: url(./images/20160226162651249.png);
              width: 20px;
              height: 20px;
              margin-right: 5px;
              margin-top: 10px;
            "
          ></h5>
          <p>
            公安备案 苏公网安备 32011402010009号 | 苏ICP备09062682号-9 |
            增值电信业务经营许可证：苏B2-20130048 |
            网络文化经营许可证：苏网文[2015] 1599-026号
          </p>
        </div>
      </div>
      <div>
        <ul
          style="
            display: flex;
            justify-content: center;
            margin-top: 10px;
            list-style-type: none;
          "
        >
          <li>
            <img
              style="margin-right: 10px"
              src="./images/20161224180914742.jpg"
              alt=""
            />
          </li>
          <li>
            <img
              style="margin-right: 10px"
              src="./images/20160226162415360.png"
              alt=""
            />
          </li>
          <li>
            <img
              style="margin-right: 10px"
              src="./images/20160226162521265.png"
              alt=""
            />
          </li>
          <li>
            <img
              style="margin-right: 10px"
              src="./images/20160226162531395.png"
              alt=""
            />
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>
